<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        ul{
            list-style: none;
        }
        ul li::before {
  content: '•'; /* 使用Unicode字符表示小圆点 */
  color: orange; /* 改变颜色为橙色 */
  display: inline-block; /* 使其像列表项标记一样显示 */
  width: 8px; /* 可根据需要调整圆点大小 */
  margin-right: 5px; /* 添加适当的间距 */
}
    </style>
</head>
<body>

<!--无序列表-->
<ul >
    <li>张三</li>
    <li>李四</li>
    <li>王五</li>
</ul>
<!--有序列表-->
<ol>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>13</li>
</ol>
<ul>
    <li>
        <dl>
            <dt>
                <img src="../oppo/img/20150227161036GqO59Dvta2.jpg">
            </dt>
            <dd>OPPO R5金色版 打造纽约时装周梦幻之旅</dd>
        </dl>
    </li>
    <li>
        <dl>

                <img src="../oppo/img/20150227161036GqO59Dvta2.jpg">

                OPPO R5金色版 打造纽约时装周梦幻之旅
        </dl>
    </li>
    <li>
        <dl>
            <dt>
                <img src="../oppo/img/20150227161036GqO59Dvta2.jpg">
            </dt>
            <dd>OPPO R5金色版 打造纽约时装周梦幻之旅</dd>
        </dl>
    </li>
    <li>
        <dl>
            <dt>
                <img src="../oppo/img/20150227161036GqO59Dvta2.jpg">
            </dt>
            <dd>OPPO R5金色版 打造纽约时装周梦幻之旅</dd>
        </dl>
    </li>
</ul>
</body>
</html>